<template>
    <div class="label-list">
        <p> <img src="../../assets/biaoqian.png" alt="">术后当自强   鼻部   孝感同城   重庆同城   鼻部综合   手术延长鼻小柱   鼻小柱   自体软骨垫鼻尖   鼻头整形   硅胶隆鼻 隆鼻</p>
        <div class="circle-right">
            <span><Icon type="md-person" class="icon"/>只看楼主</span>
            <span><Icon type="md-time" class="icon"/>时间排序</span>
            <span><Icon type="ios-book" class="icon"/>快速翻页</span>
        </div>
    </div>
</template>

<script>
    export default {
        name: "LabelList"
    }
</script>

<style scoped lang="less">
    @import "../../style/style.less";
    .label-list{
        height: 36px;
        background-color: #f6f6f6;
        border-top: 1px solid @theme-color-dark;
        line-height: 36px;
        padding-left: 15px;
        margin-bottom: 25px;
        p{
            width: 800px;
            color: @theme-color-dark;
            font-size: 13px;
            float: left;
            img{
                margin-right: 15px;
            }
        }
        .circle-right{
            width: 300px;
            float: right;
            text-align: center;
            padding-left: 25px;
            >:last-child{
                padding-right: 0px;
            }
            span{
                color: #666666;
                font-size: 13px;
                padding-right: 20px;
            }
            .icon{
                color: #FE5371;
                font-size: 20px;
                margin-top: -4px;
            }
        }
    }
</style>